/* styling for the image wrapper  */
#expautospro #image_wrap_expcroll {
    /* dimensions */
    margin:0;
    padding:0;
    /* centered */
    text-align:center;
    /* some "skinning" */
    background:#000;
    outline:1px solid #303030;
    -moz-ouline-radius:4px;
    margin:0 0 10px 0;
    width:680px;
}
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
#expautospro .scrollable_expcroll {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 540px;
    height:100px;
    /* custom decorations */
    border:1px solid #303030;
    background:url(../../images/adgallery/bg_menu.png) repeat;
    margin:0 0 0 0px;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
#expautospro .scrollable_expcroll .items_expcroll {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}
/* single scrollable item */
#expautospro .scrollable_expcroll img {
    float:left;
    margin:10px 5px 10px 21px;
    background-color:#000;
    padding:2px;
    border:1px solid #303030;
    cursor:pointer;
    width:100px;
    height:75px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
/* active item */
#expautospro .scrollable_expcroll .active_expcroll{
    border:1px solid #EF2171;
    z-index:9999;
    position:relative;
}
/* this makes it possible to add next button beside scrollable */
#expautospro .scrollable_expcroll {
    float:left;	
}
#expautospro .exp_position_r {
    position:relative;
}
#expautospro  .details_scroll {
    background:#000;
    color:#FFF;
    position: absolute;
    bottom:0px;
    margin:0px 0 0 0;
    padding:10px 10px;
    width:660px;
    text-align:left;
}
#expautospro .exp_scroll_pagination {
    background:url(../../images/adgallery/bg_menu.png) repeat;
}
/* prev, next, prevPage and nextPage buttons */
#expautospro a.browse_expcroll {
    background:url(../../images/adgallery/hori_large.png) no-repeat;
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:35px 10px;
    cursor:pointer;
    font-size:1px;
}
#expautospro .prevPage_expcroll a.browse_expcroll{
}
/* right */
#expautospro a.right_expcroll 				{ background-position: 0 -30px; clear:right; margin-right: 0px; margin-top:35px;}
#expautospro a.right_expcroll:hover 		{ background-position:-30px -30px; }
#expautospro a.right_expcroll:active_expcroll 	{ background-position:-60px -30px; } 
/* left */
#expautospro a.left_expcroll				{ margin-left: 30px;  margin-top:55px;} 
#expautospro a.left_expcroll:hover  		{ background-position:-30px 0; }
#expautospro a.left_expcroll:active_expcroll  	{ background-position:-60px 0; }
/* up and down */
#expautospro a.up_expcroll, a.down_expcroll		{ 
    background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
    float: none;
    margin: 10px 50px;
}
/* up */
#expautospro a.up_expcroll:hover  		{ background-position:-30px 0; }
#expautospro a.up_expcroll:active_expcroll  		{ background-position:-60px 0; }
/* down */
#expautospro a.down_expcroll 				{ background-position: 0 -30px; }
#expautospro a.down_expcroll:hover  		{ background-position:-30px -30px; }
#expautospro a.down_expcroll:active_expcroll  	{ background-position:-60px -30px; } 
/* disabled navigational button */
#expautospro a.disabled_expcroll {
    visibility:hidden !important;		
} 	
/* position and dimensions of the navigator */
#expautospro .navi_expcroll {
    margin:0 auto;
    width:200px;
    height:20px;
    padding:0 0 0 130px;
}
/* items inside navigator */
#expautospro .navi_expcroll a {
    width:8px;
    height:8px;
    float:left;
    margin:3px;
    background:url(../../images/adgallery/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}
/* mouseover state */
#expautospro .navi_expcroll a:hover {
    background-position:0 -8px;      
}
/* active state (current page state) */
#expautospro .navi_expcroll a.active_expcroll {
    background-position:0 -16px;     
}
#expautospro .exp_scroll_bighref {
    cursor:pointer;
}
#expautospro .exp_scroll_photo {
    border:none;
}
/*
.tooltip { 
display:none;
background-color:#ffa;
border:1px solid #cc9;
padding:3px;
font-size:13px;
moz-box-shadow: 2px 2px 11px #666;
-webkit-box-shadow: 2px 2px 11px #666; 
}
*/